﻿<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>幸福里花卉-首页</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">

    <!-- CSS
	============================================ -->

    <!-- Bootstrap CSS -->
    <!-- <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css"> -->

    <!-- Icon Font CSS -->
    <!-- <link rel="stylesheet" href="assets/css/vendor/plazaicon.css">
    <link rel="stylesheet" href="assets/css/vendor/themify-icons.css">
    <link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css"> -->

    <!-- Plugins CSS -->
    <!-- <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/plugins/select2.min.css"> -->

    <!-- Helper CSS -->
    <link rel="stylesheet" href="assets/css/helper.css">

    <!-- Main Style CSS -->
    <!-- <link rel="stylesheet" href="assets/css/style.css"> -->


    <!--====== Use the minified version files listed below for better performance and remove the files listed above ======-->
    <link rel="stylesheet" href="assets/css/plugins-min/plugins.min.css">
    <link rel="stylesheet" href="assets/css/style.min.css">


</head>

<body>

    <div class="main-wrapper">
        <!--Header Section Start-->
        <div class="header-section d-none d-lg-block">
            <div class="main-header">
                <div class="container position-relative">
                    <div class="row align-items-center">
                        <div class="col-lg-2">
                            <div class="header-logo">
                                <a href="index.html"><img src="assets/images/logo/logo.png" alt=""></a>
                            </div>
                        </div>
                        <div class="col-lg-6 position-static">
                            <div class="site-main-nav">
                                <nav class="site-nav">
                                    <ul>
                                        <li><a href="index.html">首页</a></li>
                                        <li>
                                            <a href="shop-grid-4.html">鲜花 <span class="new">New</span></a>
                                        </li>
                                        <li>
                                            <a href="about.html">公告</a>
                                        </li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="header-meta-info">
                                <div class="header-search">
                                    <form action="#">
                                        <input type="text" placeholder="请输入关键字搜索...">
                                        <button><i class="icon-search"></i></button>
                                    </form>
                                </div>
                                <div class="header-account">
                                    <div class="header-account-list dropdown top-link">
                                        <a role="button" data-toggle="dropdown"><i class="icon-users"></i></a>

                                        <ul class="dropdown-menu ">
                                            <li><a href="login.html">登录</a></li>
                                            <li><a href="register.html">注册</a></li>
                                            <li><a href="my-account.html">我的账户</a></li>
                                        </ul>
                                    </div>
                                    <div class="header-account-list dropdown mini-cart">
                                        <a href="empty-cart.html" role="button">
                                            <i class="icon-shopping-bag"></i>
                                            <!-- <span class="item-count ">3</span> -->
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Header Section End-->

        <div class="overlay"></div>
        <!--Overlay-->
        <!--Slider Start-->
        <div class="slider-area">
            <div class="swiper-container slider-active">
                <div class="swiper-wrapper">
                    <!--Single Slider Start-->
                    <div class="single-slider swiper-slide animation-style-01"
                        style="background-image: url(assets/images/slider/slider-1.jpg);">
                        <div class="container">
                            <div class="slider-content">
                                <h5 class="sub-title">新会员 <br> 八折优惠</h5>
                                <h2 class="main-title">你特别的一天！</h2>
                                <p>我们为你特别的日子而来</p>
                                <ul class="slider-btn">
                                    <li><a href="shop-grid-4.html" class="btn btn-round btn-primary">开始购物</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--Single Slider End-->

                    <!--Single Slider Start-->
                    <div class="single-slider swiper-slide animation-style-01"
                        style="background-image: url(assets/images/slider/slider-2.jpg);">
                        <div class="container">
                            <div class="slider-content">
                                <h5 class="sub-title">新会员 <br> 八折优惠</h5>
                                <h2 class="main-title">母亲节快乐！</h2>
                                <p>妈妈会喜欢的花束</p>

                                <ul class="slider-btn">
                                    <li><a href="shop-grid-4.html" class="btn btn-round btn-primary">开始购物</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--Single Slider End-->
                </div>
                <!--Swiper Wrapper End-->

                <!-- Add Arrows -->
                <div class="swiper-next"><i class="fa fa-angle-right"></i></div>
                <div class="swiper-prev"><i class="fa fa-angle-left"></i></div>

                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>

            </div>
            <!--Swiper Container End-->
        </div>
        <!--Slider End-->



        <!-- banner statistics start -->
        <section class="banner-statistics section-space">
            <div class="container">
                <div class="row mbn-30">
                    <!-- start store item -->
                    <div class="col-md-4">
                        <div class="banner-item mb-30">
                            <figure class="banner-thumb">
                                <img src="assets/images/banner/img1-top-floda1.jpg" alt="">
                                <figcaption class="banner-content">
                                    <h2 class="text1">粉色年华</h2>
                                    <h2 class="text2">郁金香</h2>
                                    <!-- <a class="store-link" >立即购买</a> -->
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <!-- start store item -->

                    <!-- start store item -->
                    <div class="col-md-4">
                        <div class="banner-item mb-30">
                            <figure class="banner-thumb">
                                <img src="assets/images/banner/img1-top-floda2.jpg" alt="">
                                <figcaption class="banner-content text-center">
                                    <h2 class="text1">高洁</h2>
                                    <h2 class="text2">兰花株</h2>
                                    <!-- <a class="store-link" >立即购买</a> -->
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <!-- start store item -->

                    <!-- start store item -->
                    <div class="col-md-4">
                        <div class="banner-item mb-30">
                            <figure class="banner-thumb">
                                <img src="assets/images/banner/img1-top-floda3.jpg" alt="">
                                <figcaption class="banner-content">
                                    <h2 class="text1">浪漫</h2>
                                    <h2 class="text2">粉玫瑰</h2>
                                    <!-- <a class="store-link" >立即购买</a> -->
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <!-- start store item -->
                </div>
            </div>
        </section>
        <!-- banner statistics end -->



        <!--New Product Start-->
        <div class="new-product-area section-padding-2">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6 col-md-9 col-sm-11">
                        <div class="section-title text-center">
                            <h2 class="title">鲜花新品</h2>
                            <p>它是创造力、活力、沟通能力、幸福和爱的完美结合。让我们为你安排一个微笑。</p>
                        </div>
                    </div>
                </div>
                <div class="product-wrapper">
                    <div class="swiper-container product-active">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="single-product">
                                    <div class="product-image">
                                        <a href="shop-single.html">
                                            <img src="assets/images/product/product-1.jpg" alt="">
                                        </a>
                                        <span class="sticker-new soldout-title">售罄</span>

                                        <div class="action-links">
                                            <ul>
                                                <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                        title="加入购物袋"><i class="icon-shopping-bag"></i></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content text-center">
                                        <ul class="rating">
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        </ul>
                                        <h4 class="product-name"><a href="shop-single.html">春天的雪花</a></h4>
                                        <div class="price-box">
                                            <span class="current-price">￥19.00</span>
                                            <span class="old-price">￥29.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="single-product">
                                    <div class="product-image">
                                        <a href="shop-single.html">
                                            <img src="assets/images/product/product-2.jpg" alt="">
                                        </a>
                                        <div class="action-links">
                                            <ul>
                                                <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                        title="加入购物袋"><i class="icon-shopping-bag"></i></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content text-center">
                                        <ul class="rating">
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        </ul>
                                        <h4 class="product-name"><a href="shop-single.html">岩石肥皂草</a></h4>
                                        <div class="price-box">
                                            <span class="current-price">￥50.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="single-product">
                                    <div class="product-image">
                                        <a href="shop-single.html">
                                            <img src="assets/images/product/product-3.jpg" alt="">
                                        </a>

                                        <span class="sticker-new label-sale">6.5折</span>

                                        <div class="action-links">
                                            <ul>
                                                <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                        title="加入购物袋"><i class="icon-shopping-bag"></i></a></li>
                                        </div>
                                    </div>
                                    <div class="product-content text-center">
                                        <ul class="rating">
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        </ul>
                                        <h4 class="product-name"><a href="shop-single.html">猩红圣人</a></h4>
                                        <div class="price-box">
                                            <span class="current-price">￥39.00</span>
                                            <span class="old-price">￥60.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="single-product">
                                    <div class="product-image">
                                        <a href="shop-single.html">
                                            <img src="assets/images/product/product-4.jpg" alt="">
                                        </a>

                                        <div class="action-links">
                                            <ul>
                                                <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                        title="加入购物袋"><i class="icon-shopping-bag"></i></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content text-center">
                                        <ul class="rating">
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        </ul>
                                        <h4 class="product-name"><a href="shop-single.html">紫色郁金香</a></h4>
                                        <div class="price-box">
                                            <span class="current-price">￥79.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="single-product">
                                    <div class="product-image">
                                        <a href="shop-single.html">
                                            <img src="assets/images/product/product-5.jpg" alt="">
                                        </a>

                                        <span class="sticker-new label-sale">8.2折</span>

                                        <div class="action-links">
                                            <ul>
                                                <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                        title="加入购物袋"><i class="icon-shopping-bag"></i></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content text-center">
                                        <ul class="rating">
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        </ul>
                                        <h4 class="product-name"><a href="shop-single.html">夏日翠菊</a></h4>
                                        <div class="price-box">
                                            <span class="current-price">￥40.00</span>
                                            <span class="old-price">￥85.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="single-product">
                                    <div class="product-image">
                                        <a href="shop-single.html">
                                            <img src="assets/images/product/product-6.jpg" alt="">
                                        </a>

                                        <span class="sticker-new label-sale">9折</span>

                                        <div class="action-links">
                                            <ul>
                                                <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                        title="加入购物袋"><i class="icon-shopping-bag"></i></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content text-center">
                                        <ul class="rating">
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        </ul>
                                        <h4 class="product-name"><a href="shop-single.html">野玫瑰</a></h4>
                                        <div class="price-box">
                                            <span class="current-price">￥19.00</span>
                                            <span class="old-price">￥21.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="single-product">
                                    <div class="product-image">
                                        <a href="shop-single.html">
                                            <img src="assets/images/product/product-7.jpg" alt="">
                                        </a>

                                        <div class="action-links">
                                            <ul>
                                                <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                        title="加入购物袋"><i class="icon-shopping-bag"></i></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content text-center">
                                        <ul class="rating">
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        </ul>
                                        <h4 class="product-name"><a href="shop-single.html">甜香雪球</a></h4>
                                        <div class="price-box">
                                            <span class="current-price">￥50.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="single-product">
                                    <div class="product-image">
                                        <a href="shop-single.html">
                                            <img src="assets/images/product/product-8.jpg" alt="">
                                        </a>

                                        <span class="sticker-new label-sale">6.6折</span>

                                        <div class="action-links">
                                            <ul>
                                                <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                        title="加入购物袋"><i class="icon-shopping-bag"></i></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content text-center">
                                        <ul class="rating">
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        </ul>
                                        <h4 class="product-name"><a href="shop-single.html">火炬姜</a></h4>
                                        <div class="price-box">
                                            <span class="current-price">￥19.00</span>
                                            <span class="old-price">￥29.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="single-product">
                                    <div class="product-image">
                                        <a href="shop-single.html">
                                            <img src="assets/images/product/product-9.jpg" alt="">
                                        </a>

                                        <span class="sticker-new soldout-title">售罄</span>

                                        <div class="action-links">
                                            <ul>
                                                <li><a href="cart.html" data-tooltip="tooltip" data-placement="left"
                                                        title="加入购物袋"><i class="icon-shopping-bag"></i></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content text-center">
                                        <ul class="rating">
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                            <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                        </ul>
                                        <h4 class="product-name"><a href="shop-single.html">棕榈皇后</a></h4>
                                        <div class="price-box">
                                            <span class="current-price">￥19.00</span>
                                            <span class="old-price">￥29.00</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Add Arrows -->
                        <div class="swiper-next"><i class="fa fa-angle-right"></i></div>
                        <div class="swiper-prev"><i class="fa fa-angle-left"></i></div>
                    </div>
                </div>
            </div>
        </div>
        <!--New Product End-->



        <!-- banner statistics start -->
        <section class="banner-statistics-right">
            <div class="container">
                <div class="row">
                    <!-- start banner item start -->
                    <div class="col-md-6">
                        <div class="banner-item banner-border">
                            <figure class="banner-thumb">
                                <img src="assets/images/banner/banner-1.jpg" alt="">
                                <figcaption class="banner-content banner-content-right">
                                    <h2 class="text1">温暖</h2>
                                    <h2 class="text2">郁金香</h2>
                                    <!-- <a class="store-link" >现在去购物</a> -->
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <!-- start banner item end -->

                    <!-- start banner item start -->
                    <div class="col-md-6">
                        <div class="banner-item banner-border">
                            <figure class="banner-thumb">
                                <img src="assets/images/banner/banner-2.jpg" alt="">
                                <figcaption class="banner-content banner-content-right">
                                    <h2 class="text1">粉色浪漫</h2>
                                    <h2 class="text2">鲜花&礼盒</h2>
                                    <!-- <a class="store-link" >现在去购物</a> -->
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <!-- start banner item end -->
                </div>
            </div>
        </section>
        <!-- banner statistics end -->


        <!--New Product Start-->
        <div class="features-product-area section-padding-5">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6 col-md-9 col-sm-11">
                        <div class="section-title text-center">
                            <h2 class="title">特色产品</h2>
                            <p>人生是一幅风景，爱情是一束鲜花。没有鲜花，风景就不会绚丽。愿我的祝福像鲜花送给你一片清香。</p>
                        </div>
                    </div>
                </div>
                <div class="product-wrapper">
                    <div class="product-tab-menu">
                        <ul class="nav justify-content-center" role="tablist">
                            <li>
                                <a class="active" data-toggle="tab" href="#tab1" role="tab">新品</a>
                            </li>
                            <li>
                                <a data-toggle="tab" href="#tab2" role="tab">精选</a>
                            </li>
                            <li>
                                <a data-toggle="tab" href="#tab3" role="tab">畅销产品</a>
                            </li>
                        </ul>
                    </div>

                    <div class="tab-content product-items-tab">
                        <div class="tab-pane fade show active" id="tab1" role="tabpanel">
                            <div class="swiper-container product-active">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-8.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">6.6折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">火炬姜</a></h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-7.jpg" alt="">
                                                </a>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">甜香雪球</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥50.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-6.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">9折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">野玫瑰</a></h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥21.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-5.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">8.8折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">夏日翠菊</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥40.00</span>
                                                    <span class="old-price">￥85.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-1.jpg" alt="">
                                                </a>

                                                <span class="sticker-new soldout-title">售罄</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">春天的雪花</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-2.jpg" alt="">
                                                </a>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">岩石肥皂草</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥50.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-2.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">8折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">岩石肥皂草</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥55.00</span>
                                                    <span class="old-price">￥75.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-9.jpg" alt="">
                                                </a>

                                                <span class="sticker-new soldout-title">售罄</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">棕榈皇后</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-5.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-18折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">夏日翠菊</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥40.00</span>
                                                    <span class="old-price">￥85.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-4.jpg" alt="">
                                                </a>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">紫色郁金香</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥79.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-6.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-10折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">野玫瑰</a></h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥21.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-3.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-35折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>

                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">猩红圣人</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥39.00</span>
                                                    <span class="old-price">￥60.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-7.jpg" alt="">
                                                </a>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">甜香雪球</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥50.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-9.jpg" alt="">
                                                </a>

                                                <span class="sticker-new soldout-title">售罄</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">棕榈皇后</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-8.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-34折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">火炬姜</a></h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-1.jpg" alt="">
                                                </a>

                                                <span class="sticker-new soldout-title">售罄</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">春天的雪花</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-9.jpg" alt="">
                                                </a>

                                                <span class="sticker-new soldout-title">售罄</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">棕榈皇后</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-8.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-34折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">火炬姜</a></h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Add Arrows -->
                                <div class="swiper-next"><i class="fa fa-angle-right"></i></div>
                                <div class="swiper-prev"><i class="fa fa-angle-left"></i></div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="tab2" role="tabpanel">
                            <div class="swiper-container product-active">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-2.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-27折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">岩石肥皂草</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥55.00</span>
                                                    <span class="old-price">￥75.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-9.jpg" alt="">
                                                </a>

                                                <span class="sticker-new soldout-title">售罄</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">棕榈皇后</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-6.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-10折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">野玫瑰</a></h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥21.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-5.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-18折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">夏日翠菊</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥40.00</span>
                                                    <span class="old-price">￥85.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-8.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-34折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">火炬姜</a></h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-7.jpg" alt="">
                                                </a>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">甜香雪球</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥50.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-1.jpg" alt="">
                                                </a>

                                                <span class="sticker-new soldout-title">售罄</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">春天的雪花</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-2.jpg" alt="">
                                                </a>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">岩石肥皂草</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥50.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-7.jpg" alt="">
                                                </a>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">甜香雪球</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥50.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-9.jpg" alt="">
                                                </a>

                                                <span class="sticker-new soldout-title">售罄</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">棕榈皇后</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-6.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-10折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">野玫瑰</a></h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥21.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-3.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-35折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">猩红圣人</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥39.00</span>
                                                    <span class="old-price">￥60.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-5.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-18折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">夏日翠菊</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥40.00</span>
                                                    <span class="old-price">￥85.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-4.jpg" alt="">
                                                </a>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">紫色郁金香</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥79.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-9.jpg" alt="">
                                                </a>

                                                <span class="sticker-new soldout-title">售罄</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">棕榈皇后</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-8.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-34折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">火炬姜</a></h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-9.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-34折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">火炬姜</a></h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-1.jpg" alt="">
                                                </a>

                                                <span class="sticker-new soldout-title">售罄</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">春天的雪花</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Add Arrows -->
                                <div class="swiper-next"><i class="fa fa-angle-right"></i></div>
                                <div class="swiper-prev"><i class="fa fa-angle-left"></i></div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="tab3" role="tabpanel">
                            <div class="swiper-container product-active">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-8.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-34折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">火炬姜</a></h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-7.jpg" alt="">
                                                </a>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">甜香雪球</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥50.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-2.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-27折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">岩石肥皂草</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥55.00</span>
                                                    <span class="old-price">￥75.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-9.jpg" alt="">
                                                </a>

                                                <span class="sticker-new soldout-title">售罄</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">棕榈皇后</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-1.jpg" alt="">
                                                </a>

                                                <span class="sticker-new soldout-title">售罄</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">春天的雪花</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-2.jpg" alt="">
                                                </a>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">岩石肥皂草</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥50.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-5.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-18折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">夏日翠菊</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥40.00</span>
                                                    <span class="old-price">￥85.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-4.jpg" alt="">
                                                </a>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">紫色郁金香</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥79.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-6.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-10折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">野玫瑰</a></h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥21.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-5.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-18折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">夏日翠菊</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥40.00</span>
                                                    <span class="old-price">￥85.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-9.jpg" alt="">
                                                </a>

                                                <span class="sticker-new soldout-title">售罄</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">棕榈皇后</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-8.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-34折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">火炬姜</a></h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-7.jpg" alt="">
                                                </a>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">甜香雪球</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥50.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-9.jpg" alt="">
                                                </a>

                                                <span class="sticker-new soldout-title">售罄</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">棕榈皇后</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-8.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-34折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">火炬姜</a></h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-1.jpg" alt="">
                                                </a>

                                                <span class="sticker-new soldout-title">售罄</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">春天的雪花</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥29.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-6.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-10折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">野玫瑰</a></h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥19.00</span>
                                                    <span class="old-price">￥21.00</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="single-product">
                                            <div class="product-image">
                                                <a href="shop-single.html">
                                                    <img src="assets/images/product/product-3.jpg" alt="">
                                                </a>

                                                <span class="sticker-new label-sale">-35折</span>

                                                <div class="action-links">
                                                    <ul>
                                                        <li><a href="cart.html" data-tooltip="tooltip"
                                                                data-placement="left" title="加入购物袋"><i
                                                                    class="icon-shopping-bag"></i></a></li>

                                                    </ul>
                                                </div>

                                            </div>
                                            <div class="product-content text-center">
                                                <ul class="rating">
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                    <li class="rating-on"><i class="fa fa-star-o"></i></li>
                                                </ul>
                                                <h4 class="product-name"><a href="shop-single.html">猩红圣人</a>
                                                </h4>
                                                <div class="price-box">
                                                    <span class="current-price">￥39.00</span>
                                                    <span class="old-price">￥60.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Add Arrows -->
                                <div class="swiper-next"><i class="fa fa-angle-right"></i></div>
                                <div class="swiper-prev"><i class="fa fa-angle-left"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--New Product End-->

        <!--Footer Section Start-->
        <div class="footer-area">
            <div class="container">
                <div class="footer-widget-area section-padding-6">
                    <div class="row justify-content-between">

                        <!--Footer Widget Start-->
                        <div class="col-lg-4 col-md-6">
                            <div class="footer-widget">
                              <img src="assets/images/logo/logo.png" alt="" style="width: 230px;height: 120px;">
                                <!--  -->
                            </div>
                            <!--Footer Widget End-->
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget-title">信息</h4>
                                <div class="footer-widget-menu">
                                    <ul>
                                        <li><a></a></li>
                                        <li><a></a></li>
                                        <li><a>常见问题</a></li>
                                        <li><a>商店地址</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget-title">账户</h4>

                                <div class="footer-widget-menu">
                                    <ul>
                                        <li><a>法律声明</a></li>
                                        <li><a>安全条款</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget-title">帮助</h4>

                                <div class="footer-widget-menu">
                                    <ul>
                                        <li><a>常见问题</a></li>
                                        <li><a>定价方案</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget-title">顾客服务</h4>
                                <div class="footer-widget-menu">
                                    <ul>
                                        <li><a>我的账户</a></li>
                                        <li><a>使用条款</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Footer Section End-->

        <!--Back To Start-->
        <a class="back-to-top">
            <i class="fa fa-angle-double-up"></i>
        </a>
        <!--Back To End-->

    </div>

    <!-- JS
    ============================================ -->

    <!-- Modernizer JS -->
    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <!-- jQuery JS -->
    <script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
    <!-- Bootstrap JS -->
    <!-- <script src="assets/js/vendor/popper.min.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script> -->

    <!-- Plugins JS -->
    <!-- <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/jquery.countdown.min.js"></script>
    <script src="assets/js/plugins/jquery.elevateZoom.min.js"></script>
    <script src="assets/js/plugins/select2.min.js"></script> -->


    <!--====== Use the minified version files listed below for better performance and remove the files listed above ======-->
    <script src="assets/js/plugins.min.js"></script>

    <!-- Main JS -->
    <script src="assets/js/main.js"></script>


    <!-- Google Map js -->

    <script src="assets/js/map-script.js"></script>

</body>

</html>